<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>测试页面</title>
	<style type="text/css">
		.big{
			font-size: 44px;
		}
		.red{
			color:red;
		}
		.strong{
			font-weight: bolder;
		}
		.border{
			border:1px dashed black;
		}
		.strong {
			width:600px;
			height: 100px;
			margin-left:auto;
			margin-right: auto;
		}

	</style>
</head>
<body>
	<!-- <div id="myDiv" style="position: absolute;left: 0;top: 0;width: 100px;height: 100px;border: 1px solid black"></div> -->
	<div id="arrayDiv"></div>
	<ul id="list"><li>1</li><li>2</li><li>3</li></ul>
	<fieldset>
		<legend>你最喜欢哪种颜色？</legend>
		<ul>
			<li><input type="radio" value="green" name="color" id="color-green"></li>
			<label for="color-green">绿色</label>
			<li><input type="radio" value="black" name="color" id="color-black"></li>
			<label for="color-black">黑色</label>
		</ul>
	</fieldset>
	<div class="strong red border big">你好，vicky，你在学习HTML5的新特性吗？</div>
	<input type="button" value="确定" onclick="console.log('hello')">
	<script type="text/javascript" src="curry.js"></script>
	<script type="text/javascript" src="../Code/advancedFunc.js"></script>
	<script type="text/javascript" src="../Code/cookies.js"></script>
	<script type="text/javascript" src="../Code/commonFunc.js"></script>
	<script type="text/javascript" src="../Code/event.js"></script>
	<script type="text/javascript">
/*==================柯里化应用==================*/
		// function add (num1,num2,num3) {
		// 	return num1 + num2 +num3;
		// }	
		// var curriedAdd = curry(add,5);
		// alert(curriedAdd(6,5));

/*===================延迟加载==================*/
		// var add2 = function() {
		//     var _this = this;
		//     var _args = arguments;
		//     return function() {//内函数
		//         if (!arguments.length) {
		//             var sum = 0;
		//             for (var i = 0;i<_args.length;i++) 
		//             	sum += _args[i];
		//             	return sum;
		//         } else {
		//             Array.prototype.push.apply(_args, arguments);//把内外函数的参数都存在_args数组中
		//             return arguments.callee;// 返回内函数
		//         }
		//     }
		// }
		// alert(add2(1)(4,5)());//10
/*===================重复的定时器================*/
	// setTimeout(function () {
	// 	var div = document.getElementById("myDiv");
	// 	var left = parseInt(div.style.left) + 5;
	// 	div.style.left = left + "px";		
	// 	if (left < 200) {
	// 		setTimeout(arguments.callee,50);
	// 		console.log("move");
	// 	}	
	// }, 50);	
/*===================测试数组分块==================*/
	// var data = ["Hello","I","am","vickygu",",","I","am","so","glad","today"];
	// function printValue (item) {
	// 	var arrayDiv = document.getElementById("arrayDiv");
	// 	arrayDiv.innerHTML += item + " ";
	// }
	// arrayChunk(data,printValue,null,200);
/*========================测试函数节流=========================*/
    n=0;
    function resizeHandler(){
        // console.log(new Date().getTime());
        console.log(++n);
    }
    window.onresize = resizeHandler;
    //window.onresize = throttle2(resizeHandler,100);
/*==========================测试cookie=========================*/
	// CookieUtil.set("name","Jay");
	// window.addEventListener("load",function () {
	// 	var arrayDiv = document.getElementById("arrayDiv");
	// 	CookieUtil.set("name", "Nicholas");
	//    	arrayDiv.innerHTML = "cookie:" + CookieUtil.get('name');

	// })
/*=========================测试作用域链===========================*/
// var color = "blue";
// function changeColor () {
// 	if (color === "blue") {
// 		color = "red";
// 	} else {
// 		color = "blue";
// 	}
// }
// changeColor();
// alert (color);
//作用域链：全局环境的变量对象始终都是作用域链中的最后一个对象。
/*===========================测试取得视口大小函数============================*/
// var w = getViewSize();
// console.log(w.pageWidth);

/*==========================测试NodeList转换成数组函数======================*/
	// var list = document.getElementById("list");
	// var lists = list.childNodes;
	// var listsArray = convertToArray(lists);
	// list.removeChild(list.childNodes[0]);
	// console.log(listsArray);
/*============================测试getElementByName()==============================*/
	// var radios = document.getElementsByName("color");
	// console.log(radios);
	// var element = document.createElement("div");
	// var elementText = document.createTextNode("Hello vicky!");
	// element.appendChild(elementText);
	// document.body.appendChild(element);
/*================================测试删除类名函数=================================*/
	/*var div = document.querySelector(".strong");
	removeClass(div,"red");
	div.classList.remove("big");
	div.classList.add("red");
	div.classList.toggle("strong");
	var inputs = document.getElementsByTagName("input");
	var btn = inputs[inputs.length-1];
	btn.focus();
	// alert(document.activeElement == btn);
	alert(document.hasFocus(btn));*/
/*==============================测试取得元素位置函数============================*/
	// var div = document.querySelector(".red");
	// console.log(getElementLocation(div).left);
/*=============================测试事件处理函数==============================*/
/*	var div = document.querySelector(".red");
	var handle = function () {
		alert("hi, vicky");
	}
	EventUtil.addHandler(div,"click",handle)*/
	</script>
</body>
</html>